<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<ul class="list">
    <li>php中文网01</li>
    <li>php中文网02</li>
    <li>php中文网03</li>
    <li>php中文网04</li>
    <li>php中文网05</li>
    <li id="hello">php中文网06</li>
    <li>php中文网07</li>
    <li>php中文网08</li>
    <li>php中文网09</li>
    <p>哈哈哈</p>
</ul>
<!--
    $("ul.list li") li包含子元素和孙子元素（下属所有li）即所有后代
    $("ul.list>li") li只包含子元素li
    $("#hello ~ *")  选择所有兄弟元素（*） 不包含选择项之前的兄弟元素 即选中789和p
    $("#hello ~ li")  选择所有li兄弟元素 选中了 789
    $("#hello + li")  选择所有li兄弟元素的第一个 选中了 7
-->
</body>
</html>